﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />

    <title></title>
</head>
<body class="container confirm-buy-body">
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="buynow.html"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <h1>确认订单</h1>
    </header>
    <main class="main pb-40" id="art-set">
        <!--一件-->
        <article class="row box-covered">
            <header>
                <h5 class="green-78">收货信息</h5>
            </header>
            <div class="box-covered-content lh-2">
                <section class="box-covered-item btn-in-rig" data-toggle="modal" data-target="#modal_moreInfoSelecter">
                    <div class="sub-pr-10"><span>收货信息:</span><span>你妹</span><span>445454565432</span></div>
                    <address class="sub-pr-10 mb-0 oneLineDesc"><span>收货地址:</span><span>地址地址地址地址地址地址地址地址地址地址地址地址end</span></address>
                    <span class="icon4 icon4-right-gray s25" role="button"><span class="sr-only">修改</span></span>
                </section>
                <section class="box-covered-item no-bor btn-in-rig">
                    <div>只双休日/节假日送货(工作日不用送)</div>
                    <span class="icon4 icon4-down s22" role="button"><span class="sr-only">修改</span></span>
                </section>
            </div>
        </article>
        <!--一件-->
        <article class="box-round-green" id="art1">
            <header class="btn-in-rig">
                <a data-toggle="collapse" data-target="#art1_cont" data-parent="">
                    <h5 class="green-78">
                        支付方式
                        <small class="mute">(<span>支付宝支付</span>)</small>
                    </h5>
                    <span class="icon4 icon4-down s22" role="button"><span class="sr-only">缩展</span></span>
                </a>
            </header>
            <div class="box-content-container colr-79 collapse" id="art1_cont">
                <!--sub一件-->
                <section class="box-content">内容</section>
            </div>
        </article>
        <!--一件-->
        <article class="box-round-green" id="art2">
            <header class="btn-in-rig">
                <a data-toggle="collapse" data-target="#art2_cont" data-parent="">
                    <h5 class="green-78">
                        配送方式
                    </h5>
                    <span class="icon4 icon4-up s22" role="button"><span class="sr-only">缩展</span></span>
                </a>
            </header>
            <!--无左右边距的容器-->
            <ul class="box-content-container colr-79 collapse in" id="art2_cont">
                <!--有左右边距的子容器-->
                <!--sub一件-->
                <li class="box-content">
                    <header class="btn-in-rig" data-toggle="collapse" data-target="#art2_cont_more1" data-parent="none">
                        <span>供货商Ａ</span>
                        <span class="pull-right green-90">普通快递 ￥8.00 </span>
                        <span class="icon4 icon4-up s22" role="button"><span class="sr-only">缩展</span></span>
                    </header>
                    <div class="box-content-more bor-top collapse in" id="art2_cont_more1">
                        <div class="p-5-0 pos-rel">
                            <ul class="ilb w-60pc">
                                <li class="lists-item-s2-img"><img src="images/example3.jpg"></li>
                                <li class="lists-item-s2-img"><img src="images/example3.jpg"></li>
                                <li class="lists-item-s2-img"><img src="images/example3.jpg"></li>
                            </ul>
                            <div class="ilb w-40pc-ab-rig">
                                <div class="sub-verg-center">
                                    <div data-toggle="modal" data-target="#modal_moreInfoSelecter">
                                        <!--此div用来居中,下面的用来方便相对定位右边图标-->
                                        <div class="pos-rel btn-in-rig" role="button">
                                            共有<span>xx</span>件商品
                                            <span class="icon4 icon4-right-gray s22 top-4 rig--5"></span>
                                            <span class="sr-only">详细</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <ul class="sub-ilb sub-m-5-0 sub-mr-5 no-select tab-color-swi">
                                <li data-toggle="tab" class="p-0-3 bor bor-dashed bor-rad-3 active">普通快递 ￥<span>8.00</span></li>
                                <li data-toggle="tab" class="p-0-3 bor bor-dashed bor-rad-3">EMS ￥<span>8.00</span></li>
                                <li data-toggle="tab" class="p-0-3 bor bor-dashed bor-rad-3">加急快递 ￥<span>8.00</span></li>
                            </ul>
                        </div>
                    </div><!--box-content-more-->
                </li>
                <!--sub一件-->
                <li class="box-content">
                    <header class="btn-in-rig" data-toggle="collapse" data-target="#art2_cont_more2" data-parent="none">
                        <span>供货商V</span>
                        <span class="pull-right green-90">普通快递 ￥8.00 </span>
                        <span class="icon4 icon4-down s22" role="button"><span class="sr-only">缩展</span></span>
                    </header>
                    <div class="box-content-more bor-top collapse" id="art2_cont_more2">
                        呵呵
                    </div>
                </li>
                <!--sub一件-->
                <li class="box-content">
                    <header class="btn-in-rig" data-toggle="collapse" data-target="#art2_cont_more3" data-parent="none">
                        <span>供货商B</span>
                        <span class="pull-right green-90">普通快递 ￥8.00 </span>
                        <span class="icon4 icon4-down s22" role="button"><span class="sr-only">缩展</span></span>
                    </header>
                    <div class="box-content-more bor-top collapse" id="art2_cont_more3">
                        呵呵呵
                    </div>
                </li>
            </ul>
        </article>
        <!--一件-->
        <article class="box-round-green" id="art3">
            <header class="btn-in-rig">
                <a data-toggle="collapse" data-target="#art3_cont" data-parent="">
                    <h5 class="green-78">
                        现金卷/优惠劵
                    </h5>
                    <span class="icon4 icon4-up s22" role="button"><span class="sr-only">缩展</span></span>
                </a>
            </header>
            <!--无左右边距的容器-->
            <div class="box-content-container colr-79 collapse in" id="art3_cont">
                <!--有左右边距的子容器-->
                <!--sub一件-->
                <section class="box-content">
                    <header class="btn-in-rig" data-toggle="modal" data-target="#modal_moreInfoSelecter">
                        <span>现金卷</span>
                        <span class="pull-right green-90">已使用一张,抵用￥<span>5</span></span>
                        <span class="icon4 icon4-right-gray s22" role="button"></span>
                    </header>
                </section>
                <!--sub一件-->
                <section class="box-content">
                    <header class="btn-in-rig" data-toggle="modal" data-target="#modal_moreInfoSelecter">
                        <span>优惠劵</span>
                        <span class="pull-right mute">未使用优惠劵</span>
                        <span class="icon4 icon4-right-gray s22" role="button"></span>
                    </header>
                </section>
            </div>
        </article>
        <!--一件-->
        <article class="box-round-green" id="art4">
            <header class="btn-in-rig">
                <a data-toggle="collapse" data-target="#art4_cont" data-parent="">
                    <small class="pull-right colr-79">
                        <small>￥<span>0.00 </span></small>
                    </small>
                    <h5 class="green-78">
                        使用余额
                    </h5>
                    <span class="icon4 icon4-up s22" role="button"><span class="sr-only">缩展</span></span>
                </a>
            </header>
            <!--无左右边距的容器-->
            <div class="box-content-container colr-79 collapse in" id="art4_cont">
                <!--有左右边距的子容器-->
                <!--sub一件-->
                <section class="box-content">
                    <header class="">
                        <div class="label-embed xs-label ilb w-30pc">
                            <label for="" class="">￥</label>
                            <input type="text" class="form-control" placeholder="0.00">
                        </div>
                        <div class="ilb">(可用余额:￥<span>999.00</span>)</div>
                    </header>
                </section>
            </div>
        </article>
        <!--一件-->
        <article class="box-round-green" id="art5">
            <header class="btn-in-rig">
                <a data-parent="">
                    <h5 class="green-78">
                        是否需要发票
                    </h5>
                    <div class="" data-toggle="switch" data-val="yes" data-target="#art5_cont" style="width:44px;height:22px;position:absolute;top:9px;right:5px;">
                        <div class="yes-or-no nope" role="slider">
                            <div class="yes-or-no-inner">
                                <div class="yes-or-no-yes">是</div>
                                <div class="yes-or-no-block">or</div>
                                <div class="yes-or-no-no">否</div>
                            </div>

                        </div>
                    </div>
                </a>
            </header>
            <!--无左右边距的容器-->
            <div class="box-content-container colr-79 collapse" id="art5_cont">
                <!--有左右边距的子容器-->
                <!--sub一件-->
                <section class="box-content">
                    <header class="">
                        <div class="">
                            <input type="text" class="form-control" placeholder="请输入发票抬头">
                        </div>
                    </header>
                </section>
            </div>
        </article>
        <!--一件-->
        <article class="box-round-green" id="art6">
            <header class="btn-in-rig">
                <a data-toggle="collapse" data-target="#art6_cont" data-parent="">
                    <h5 class="green-78">
                        价格清单
                    </h5>
                    <span class="icon4 icon4-up s22" role="button"><span class="sr-only">缩展</span></span>
                </a>
            </header>
            <!--无左右边距的容器-->
            <div class="box-content-container colr-79 collapse in" id="art6_cont">
                <!--有左右边距的子容器-->
                <!--sub一件-->
                <section class="box-content">
                    <header class="">
                        <span>商品金额</span>
                        <span class="pull-right mute">￥<span>1000.00</span></span>
                    </header>
                </section>
                <!--sub一件-->
                <section class="box-content">
                    <header class="">
                        <span>运费</span>
                        <span class="pull-right mute">￥<span>1000.00</span></span>
                    </header>
                </section>
                <!--sub一件-->
                <section class="box-content">
                    <header class="">
                        <span>优惠金额</span>
                        <span class="pull-right mute">￥<span>1000.00</span></span>
                    </header>
                </section>
                <!--sub一件-->
                <section class="box-content">
                    <header class="">
                        <span>使用余额</span>
                        <span class="pull-right mute">￥<span>1000.00</span></span>
                    </header>
                </section>
                <!--sub一件-->
                <section class="box-content green-90">
                    <header class="">
                        <span>待付金额</span>
                        <span class="pull-right">￥<span>1000.00</span></span>
                    </header>
                </section>
            </div>
        </article>
    </main><!--main-->
    <footer class="cart-footer bor-top-gray">
        <div class="col-xs-8 colr-61">应付金额：<span class="green-78">$1234</span></div>
        <div class="col-xs-4 white-fa">提交订单</div> <!--cart-checkOut-->
    </footer>

    <!--modal-->
    <div class="modal modal-moreInfoSelecter" id="modal_moreInfoSelecter" tabindex="-1" role="dialog" aria-labelledby="modalLabel_moreInfo" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
                    <h5 class="modal-title txt-center" id="modalLabel_moreInfo">地址填写/查看物流分配/优惠劵</h5>
                </div>
                <div class="modal-body">
                    <!--优惠劵格式示例-->
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                            不使用优惠劵
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                            【缤纷夏日】5元抵用券
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">
                            【缤纷夏日】25元抵用券
                        </label>
                    </div>
                </div>
                <div class="modal-footer clearfix">
                    <div class="pull-left w-50pc" data-dismiss="modal">取消</div>
                    <div class="pull-left w-50pc" data-dismiss="modal">好</div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <script src="lib/js/zepto.min.js"></script>
    <script src="js/script_ui_ev.js"></script>
    <script src="js/modalscript.js"></script>
</body>
</html>
